<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>部落冲突奖杯段位表格</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        html, body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f5f5f5;
            width: 100%;
            height: 100%;
        }
        .table-container {
            background: white;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            overflow: hidden;
            max-width: none;
            width: 100%;
            margin: 0;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 12px;
        }
        th {
            background: linear-gradient(360deg, #09203f 0%, #537895 100%);
            color: white;
            padding: 8px 4px;
            text-align: center;
            font-weight: bold;
            border: 1px solid #ddd;
            font-size: 18px;
            line-height: 1.2;
        }
        td {
            text-align: center;
            border: 1px solid #ddd;
            vertical-align: middle;
        }
        tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        tr:hover {
            background-color: #f0f8ff;
        }
        .league-icon {
            width: 32px;
            height: 32px;
            object-fit: contain;
        }
        .resource-icon {
            width: 16px;
            height: 16px;
            object-fit: contain;
            margin: 0 2px;
            vertical-align: middle;
        }
        .trophy-range {
            font-weight: bold;
            color: #333;
        }
        .league-name {
            font-weight: bold;
            color: #2c3e50;
            min-width: 60px;
        }
        .numeric {
            font-family: 'Courier New', monospace;
            font-size: 24px;
        }
        .header-resource {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 2px;
        }
        sup {
            font-size: 8px;
        }
        /* 新增的说明和水印容器样式 */
        .footer-container {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin: 0;
            padding: 15px;
            background: white;
            border-radius: 0 0 8px 8px;
            width: 100%;
        }
        .notes {
            flex: 1;
            max-width: 70%;
        }
        .copyright {
            text-align: right;
            font-size: 12px;
            color: #999;
            align-items: center;
            gap: 8px;
        }
        .copyright a {
            color: #667eea;
            text-decoration: none;
        }
        .copyright a:hover {
            text-decoration: underline;
        }
        .logo {
            height: 20px;
            width: auto;
            opacity: 0.8;
        }
    </style>
</head>
<body>
    <div class="table-container">
        <table>
            <thead>
                <tr>
                    <th style="min-width: 60px;">杯段</th>
                    <th style="min-width: 50px;">图标</th>
                    <th style="min-width: 80px;">奖杯数</th>
                    <th style="min-width: 60px;">降级杯数<br><sup>①</sup></th>
                    <th style="min-width: 60px;">晋级杯数<br><sup>②</sup></th>
                    <th style="min-width: 70px;">
                        <div class="header-resource">
                            胜利之星<br>
                            <img src="https://static.clashpost.com/resources/Gold.png" alt="金币" class="resource-icon">
                            <img src="https://static.clashpost.com/resources/Elixir.png" alt="圣水" class="resource-icon">
                        </div>
                    </th>
                    <th style="min-width: 60px;">
                        <div class="header-resource">
                            胜利之星<br>
                            <img src="https://static.clashpost.com/resources/Dark_Elixir.png" alt="黑油" class="resource-icon">
                        </div>
                    </th>
                    <th style="min-width: 60px;">
                        <div class="header-resource">
                            胜利之星<br>
                            <img src="https://static.clashpost.com/resources/Shiny_Ore.png" alt="闪亮矿石" class="resource-icon">
                        </div>
                    </th>
                    <th style="min-width: 60px;">
                        <div class="header-resource">
                            胜利之星<br>
                            <img src="https://static.clashpost.com/resources/Glowy_Ore.png" alt="璀璨矿石" class="resource-icon">
                        </div>
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="league-name">未排名</td>
                    <td><img src="https://static.clashpost.com/p/1010/Unranked_League.png" alt="未排名" class="league-icon"></td>
                    <td class="trophy-range numeric">0 - 399</td>
                    <td class="numeric">\</td>
                    <td class="numeric">400</td>
                    <td class="numeric">50,000</td>
                    <td class="numeric">0</td>
                    <td class="numeric">0</td>
                    <td class="numeric">0</td>
                </tr>
                <tr>
                    <td class="league-name">铜杯三</td>
                    <td><img src="https://static.clashpost.com/p/1010/Bronze3.png" alt="铜杯三段位" class="league-icon"></td>
                    <td class="trophy-range numeric">400 - 499</td>
                    <td class="numeric">300</td>
                    <td class="numeric">500</td>
                    <td class="numeric">100,000</td>
                    <td class="numeric">250</td>
                    <td class="numeric">125</td>
                    <td class="numeric">6</td>
                </tr>
                <tr>
                    <td class="league-name">铜杯二</td>
                    <td><img src="https://static.clashpost.com/p/1010/Bronze2.png" alt="铜杯二段位" class="league-icon"></td>
                    <td class="trophy-range numeric">500 - 599</td>
                    <td class="numeric">450</td>
                    <td class="numeric">600</td>
                    <td class="numeric">150,000</td>
                    <td class="numeric">500</td>
                    <td class="numeric">175</td>
                    <td class="numeric">7</td>
                </tr>
                <tr>
                    <td class="league-name">铜杯一</td>
                    <td><img src="https://static.clashpost.com/p/1010/Bronze1.png" alt="铜杯一段位" class="league-icon"></td>
                    <td class="trophy-range numeric">600 - 799</td>
                    <td class="numeric">550</td>
                    <td class="numeric">800</td>
                    <td class="numeric">200,000</td>
                    <td class="numeric">750</td>
                    <td class="numeric">175</td>
                    <td class="numeric">8</td>
                </tr>
                <tr>
                    <td class="league-name">银杯三</td>
                    <td><img src="https://static.clashpost.com/p/1010/Silver3.png" alt="银杯三段位" class="league-icon"></td>
                    <td class="trophy-range numeric">800 - 999</td>
                    <td class="numeric">700</td>
                    <td class="numeric">1,000</td>
                    <td class="numeric">250,000</td>
                    <td class="numeric">1,000</td>
                    <td class="numeric">200</td>
                    <td class="numeric">9</td>
                </tr>
                <tr>
                    <td class="league-name">银杯二</td>
                    <td><img src="https://static.clashpost.com/p/1010/Silver2.png" alt="银杯二段位" class="league-icon"></td>
                    <td class="trophy-range numeric">1,000 - 1,199</td>
                    <td class="numeric">900</td>
                    <td class="numeric">1,200</td>
                    <td class="numeric">300,000</td>
                    <td class="numeric">1,250</td>
                    <td class="numeric">250</td>
                    <td class="numeric">10</td>
                </tr>
                <tr>
                    <td class="league-name">银杯一</td>
                    <td><img src="https://static.clashpost.com/p/1010/Silver1.png" alt="银杯一段位" class="league-icon"></td>
                    <td class="trophy-range numeric">1,200 - 1,399</td>
                    <td class="numeric">1,100</td>
                    <td class="numeric">1,400</td>
                    <td class="numeric">350,000</td>
                    <td class="numeric">1,500</td>
                    <td class="numeric">275</td>
                    <td class="numeric">11</td>
                </tr>
                <tr>
                    <td class="league-name">金杯三</td>
                    <td><img src="https://static.clashpost.com/p/1010/Gold3.png" alt="金杯三段位" class="league-icon"></td>
                    <td class="trophy-range numeric">1,400 - 1,599</td>
                    <td class="numeric">1,300</td>
                    <td class="numeric">1,600</td>
                    <td class="numeric">400,000</td>
                    <td class="numeric">1,750</td>
                    <td class="numeric">300</td>
                    <td class="numeric">12</td>
                </tr>
                <tr>
                    <td class="league-name">金杯二</td>
                    <td><img src="https://static.clashpost.com/p/1010/Gold2.png" alt="金杯二段位" class="league-icon"></td>
                    <td class="trophy-range numeric">1,600 - 1,799</td>
                    <td class="numeric">1,500</td>
                    <td class="numeric">1,800</td>
                    <td class="numeric">450,000</td>
                    <td class="numeric">2,000</td>
                    <td class="numeric">325</td>
                    <td class="numeric">14</td>
                </tr>
                <tr>
                    <td class="league-name">金杯一</td>
                    <td><img src="https://static.clashpost.com/p/1010/Gold1.png" alt="金杯一段位" class="league-icon"></td>
                    <td class="trophy-range numeric">1,800 - 1,999</td>
                    <td class="numeric">1,700</td>
                    <td class="numeric">2,000</td>
                    <td class="numeric">500,000</td>
                    <td class="numeric">2,250</td>
                    <td class="numeric">350</td>
                    <td class="numeric">16</td>
                </tr>
                <tr>
                    <td class="league-name">水晶三</td>
                    <td><img src="https://static.clashpost.com/p/1010/Crystal3.png" alt="水晶三段位" class="league-icon"></td>
                    <td class="trophy-range numeric">2,000 - 2,199</td>
                    <td class="numeric">1,900</td>
                    <td class="numeric">2,200</td>
                    <td class="numeric">550,000</td>
                    <td class="numeric">2,500</td>
                    <td class="numeric">375</td>
                    <td class="numeric">18</td>
                </tr>
                <tr>
                    <td class="league-name">水晶二</td>
                    <td><img src="https://static.clashpost.com/p/1010/Crystal2.png" alt="水晶二段位" class="league-icon"></td>
                    <td class="trophy-range numeric">2,200 - 2,399</td>
                    <td class="numeric">2,200</td>
                    <td class="numeric">2,400</td>
                    <td class="numeric">600,000</td>
                    <td class="numeric">2,750</td>
                    <td class="numeric">400</td>
                    <td class="numeric">20</td>
                </tr>
                <tr>
                    <td class="league-name">水晶一</td>
                    <td><img src="https://static.clashpost.com/p/1010/Crystal1.png" alt="水晶一段位" class="league-icon"></td>
                    <td class="trophy-range numeric">2,400 - 2,599</td>
                    <td class="numeric">2,400</td>
                    <td class="numeric">2,600</td>
                    <td class="numeric">650,000</td>
                    <td class="numeric">3,000</td>
                    <td class="numeric">425</td>
                    <td class="numeric">22</td>
                </tr>
                <tr>
                    <td class="league-name">大师三</td>
                    <td><img src="https://static.clashpost.com/p/1010/Master3.png" alt="大师三段位" class="league-icon"></td>
                    <td class="trophy-range numeric">2,600 - 2,799</td>
                    <td class="numeric">2,500</td>
                    <td class="numeric">2,800</td>
                    <td class="numeric">700,000</td>
                    <td class="numeric">3,250</td>
                    <td class="numeric">450</td>
                    <td class="numeric">24</td>
                </tr>
                <tr>
                    <td class="league-name">大师二</td>
                    <td><img src="https://static.clashpost.com/p/1010/Master2.png" alt="大师二段位" class="league-icon"></td>
                    <td class="trophy-range numeric">2,800 - 2,999</td>
                    <td class="numeric">2,700</td>
                    <td class="numeric">3,000</td>
                    <td class="numeric">750,000</td>
                    <td class="numeric">3,500</td>
                    <td class="numeric">500</td>
                    <td class="numeric">26</td>
                </tr>
                <tr>
                    <td class="league-name">大师一</td>
                    <td><img src="https://static.clashpost.com/p/1010/Master1.png" alt="大师一段位" class="league-icon"></td>
                    <td class="trophy-range numeric">3,000 - 3,199</td>
                    <td class="numeric">2,900</td>
                    <td class="numeric">3,200</td>
                    <td class="numeric">800,000</td>
                    <td class="numeric">3,750</td>
                    <td class="numeric">525</td>
                    <td class="numeric">28</td>
                </tr>
                <tr>
                    <td class="league-name">冠军三</td>
                    <td><img src="https://static.clashpost.com/p/1010/Champion3.png" alt="冠军三段位" class="league-icon"></td>
                    <td class="trophy-range numeric">3,200 - 3,499</td>
                    <td class="numeric">3,100</td>
                    <td class="numeric">3,500</td>
                    <td class="numeric">850,000</td>
                    <td class="numeric">4,000</td>
                    <td class="numeric">550</td>
                    <td class="numeric">30</td>
                </tr>
                <tr>
                    <td class="league-name">冠军二</td>
                    <td><img src="https://static.clashpost.com/p/1010/Champion2.png" alt="冠军二段位" class="league-icon"></td>
                    <td class="trophy-range numeric">3,500 - 3,799</td>
                    <td class="numeric">3,500</td>
                    <td class="numeric">3,800</td>
                    <td class="numeric">900,000</td>
                    <td class="numeric">4,250</td>
                    <td class="numeric">625</td>
                    <td class="numeric">34</td>
                </tr>
                <tr>
                    <td class="league-name">冠军一</td>
                    <td><img src="https://static.clashpost.com/p/1010/Champion1.png" alt="冠军一段位" class="league-icon"></td>
                    <td class="trophy-range numeric">3,800 - 4,099</td>
                    <td class="numeric">3,700</td>
                    <td class="numeric">4,100</td>
                    <td class="numeric">940,000</td>
                    <td class="numeric">4,500</td>
                    <td class="numeric">700</td>
                    <td class="numeric">38</td>
                </tr>
                <tr>
                    <td class="league-name">泰坦三</td>
                    <td><img src="https://static.clashpost.com/p/1010/Titan3.png" alt="泰坦三段位" class="league-icon"></td>
                    <td class="trophy-range numeric">4,100 - 4,399</td>
                    <td class="numeric">4,000</td>
                    <td class="numeric">4,400</td>
                    <td class="numeric">980,000</td>
                    <td class="numeric">4,750</td>
                    <td class="numeric">775</td>
                    <td class="numeric">42</td>
                </tr>
                <tr>
                    <td class="league-name">泰坦二</td>
                    <td><img src="https://static.clashpost.com/p/1010/Titan2.png" alt="泰坦二段位" class="league-icon"></td>
                    <td class="trophy-range numeric">4,400 - 4,699</td>
                    <td class="numeric">4,300</td>
                    <td class="numeric">4,700</td>
                    <td class="numeric">1,020,000</td>
                    <td class="numeric">5,000</td>
                    <td class="numeric">850</td>
                    <td class="numeric">46</td>
                </tr>
                <tr>
                    <td class="league-name">泰坦一</td>
                    <td><img src="https://static.clashpost.com/p/1010/Titan1.png" alt="泰坦一段位" class="league-icon"></td>
                    <td class="trophy-range numeric">4,700 - 4,999</td>
                    <td class="numeric">4,600</td>
                    <td class="numeric">5,000</td>
                    <td class="numeric">1,060,000</td>
                    <td class="numeric">5,250</td>
                    <td class="numeric">925</td>
                    <td class="numeric">50</td>
                </tr>
                <tr style="background: linear-gradient(135deg, #ffd700, #ffed4e);">
                    <td class="league-name" style="color: #8b4513; font-weight: bold;">传奇</td>
                    <td><img src="https://static.clashpost.com/p/1010/Legend.png" alt="传奇段位" class="league-icon"></td>
                    <td class="trophy-range numeric" style="color: #8b4513; font-weight: bold;">5000+</td>
                    <td class="numeric">4,900<sup>③</sup></td>
                    <td class="numeric">\</td>
                    <td class="numeric">1,100,000</td>
                    <td class="numeric">5,500</td>
                    <td class="numeric">1,000</td>
                    <td class="numeric">54</td>
                </tr>
            </tbody>
        </table>
    </div>
    
    <!-- 修改后的底部区域 -->
    <div class="footer-container">
        <div class="notes">
            <h3 style="margin-top: 0; color: #2c3e50;">说明:</h3>
            <p style="font-size: 12px; color: #666; margin: 5px 0;"><sup>①</sup> 降级杯数：当奖杯数低于此数值时会降级</p>
            <p style="font-size: 12px; color: #666; margin: 5px 0;"><sup>②</sup> 晋级杯数：当奖杯数达到此数值时会晋级</p>
            <p style="font-size: 12px; color: #666; margin: 5px 0;"><sup>③</sup> 传奇杯段位特殊：赛季结束时低于4900杯会降级至泰坦一</p>
        </div>
        
        <div class="copyright">
            <img src="https://tc.z.wiki/autoupload/KesjfCMKUDiji0e3fyyOl_7vT1nsfHYXbnUW3NtzEmOyl5f0KlZfm6UsKj-HyTuv/20250613/Rdt5/195X56/logo-black.png" alt="Logo" class="logo">
            <div>
                💥暴躁打工猫💥<br/>
                &copy; 2025 部落冲突奖杯段位表格 | 数据来源: clashpost.com 
            </div>
        </div>
    </div>
</body>
</html>